import React, { PropTypes } from 'react';
import { connect } from 'dva';
import { routerRedux } from 'dva/router';
import { Card, Tabs, Row, Col, Button, Icon} from 'antd';
import QueueAnim from 'rc-queue-anim';

import './less/news.less';

const TabPane = Tabs.TabPane;

class News extends React.Component{
  constructor(props) {
    super(props);
  }


  render() {
    return(
      <Card title="校园消息" className="schoolNews">
        <Tabs defaultActiveKey="1" onChange={() => {}}>
          <TabPane tab="全部消息(5)" key="1">
            <ul>
              <li>
                <Icon type="file" className='icon' />
                <p className='text'>11·24丰城电厂施工平台倒塌事故是指2016年11月24日7点左右，江西省宜春市丰城电厂三期在建项目冷却塔施工平桥吊倒塌，造成横版混凝土通道倒塌事故。11·24丰城电厂施工平造成横版混凝土通道倒塌事故。</p>
                <div className='date'>2016-12-04</div>
              </li>
              <li>
                <Icon type="file" className='icon' />
                <p className='text'>11·24丰城电厂施工平台倒塌事故是指2016年11月24日7点左右，江西省宜春市丰城电厂三期在建项目冷却塔施工平桥吊倒塌，造成横版混凝土通道倒塌事故。11·24丰城电厂施工平造成横版混凝土通道倒塌事故。</p>
                <div className='date'>2016-12-04</div>
              </li>
              <li>
                <Icon type="file" className='icon' />
                <p className='text'>11·24丰城电厂施工平台倒塌事故是指2016年11月24日7点左右，江西省宜春市丰城电厂三期在建项目冷却塔施工平桥吊倒塌，造成横版混凝土通道倒塌事故。11·24丰城电厂施工平造成横版混凝土通道倒塌事故。</p>
                <div className='date'>2016-12-04</div>
              </li>
              <li>
                <Icon type="file" className='icon' />
                <p className='text'>11·24丰城电厂施工平台倒塌事故是指2016年11月24日7点左右，江西省宜春市丰城电厂三期在建项目冷却塔施工平桥吊倒塌，造成横版混凝土通道倒塌事故。11·24丰城电厂施工平造成横版混凝土通道倒塌事故。</p>
                <div className='date'>2016-12-04</div>
              </li>
              <li>
                <Icon type="file" className='icon' />
                <p className='text'>11·24丰城电厂施工平台倒塌事故是指2016年11月24日7点左右，江西省宜春市丰城电厂三期在建项目冷却塔施工平桥吊倒塌，造成横版混凝土通道倒塌事故。11·24丰城电厂施工平造成横版混凝土通道倒塌事故。</p>
                <div className='date'>2016-12-04</div>
              </li>
            </ul>
          </TabPane>
          <TabPane tab="未读(5)" key="2">
            <ul>
              <li>
                <Icon type="file" className='icon' />
                <p className='text'>11·24丰城电厂施工平台倒塌事故是指2016年11月24日7点左右，江西省宜春市丰城电厂三期在建项目冷却塔施工平桥吊倒塌，造成横版混凝土通道倒塌事故。11·24丰城电厂施工平造成横版混凝土通道倒塌事故。</p>
                <div className='date'>2016-12-04</div>
              </li>
              <li>
                <Icon type="file" className='icon' />
                <p className='text'>11·24丰城电厂施工平台倒塌事故是指2016年11月24日7点左右，江西省宜春市丰城电厂三期在建项目冷却塔施工平桥吊倒塌，造成横版混凝土通道倒塌事故。11·24丰城电厂施工平造成横版混凝土通道倒塌事故。</p>
                <div className='date'>2016-12-04</div>
              </li>
              <li>
                <Icon type="file" className='icon' />
                <p className='text'>11·24丰城电厂施工平台倒塌事故是指2016年11月24日7点左右，江西省宜春市丰城电厂三期在建项目冷却塔施工平桥吊倒塌，造成横版混凝土通道倒塌事故。11·24丰城电厂施工平造成横版混凝土通道倒塌事故。</p>
                <div className='date'>2016-12-04</div>
              </li>
              <li>
                <Icon type="file" className='icon' />
                <p className='text'>11·24丰城电厂施工平台倒塌事故是指2016年11月24日7点左右，江西省宜春市丰城电厂三期在建项目冷却塔施工平桥吊倒塌，造成横版混凝土通道倒塌事故。11·24丰城电厂施工平造成横版混凝土通道倒塌事故。</p>
                <div className='date'>2016-12-04</div>
              </li>
              <li>
                <Icon type="file" className='icon' />
                <p className='text'>11·24丰城电厂施工平台倒塌事故是指2016年11月24日7点左右，江西省宜春市丰城电厂三期在建项目冷却塔施工平桥吊倒塌，造成横版混凝土通道倒塌事故。11·24丰城电厂施工平造成横版混凝土通道倒塌事故。</p>
                <div className='date'>2016-12-04</div>
              </li>
            </ul>
          </TabPane>
          <TabPane tab="已读(0)" key="3">
            <ul>

            </ul>
          </TabPane>
        </Tabs>
      </Card>
    );
  }
}

function mapStateToProps({ charge }) {
  return { charge };
}

export default connect(mapStateToProps)(News);
